<template>
  <el-header>
    <img src="./img.png" alt="" />
    <span>综合测评材料管理平台</span>
    <el-dropdown>
      <div class="el-dropdown-link">
        <span>设置</span><i class="el-icon-arrow-down el-icon--right"></i>
      </div>
      <el-dropdown-menu slot="dropdown">
        <el-dropdown-item>个人信息</el-dropdown-item>
        <el-dropdown-item @click.native="signOut">退出</el-dropdown-item>
      </el-dropdown-menu>
    </el-dropdown>
  </el-header>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {
    signOut() {
      // console.log("out");
      this.$store.commit("remove_token");
      this.$router.push("/login");
    },
  },
};
</script>

<style lang="scss" scoped>
.el-header {
  width: 100%;
  color: #eee;
  height: 60px;
  text-align: center;
  line-height: 60px;
  img {
    height: 30px;
    position: relative;
    top: 10px;
    right: 10px;
  }
  .el-dropdown {
    float: right;
    div {
      color: #eee;
      cursor: pointer;
    }
  }
}
</style>